在程式設計的世界中，重構是一種藝術。而當我們處於 GraphQL 的領域時，如何保持我們的 Document 乾淨且模組化就成為了一個重要的議題。Fragments 是 GraphQL 提供的一項功能，能夠幫助我們有效地模組化 Document，將重複的部分拆分出來，從而增強代碼的可讀性和可維護性。

本篇文章將探討 GraphQL 的 Fragments 功能，並指導如何使用它來模組化您的 GraphQL Document。透過實際的例子和步驟，我們將看到如何有效地整理和組織 GraphQL 查詢，以確保代碼的乾淨和高效。

深入瞭解 GraphQL Fragments

Fragments 的基本概念

什麼是 Fragments

如何使用 Fragments？

實戰 使用 Fragments 模組化 GraphQL Document

• 從重複的查詢開始
• 步驟式重構
• 確保最大的效益

加映：利用 Vue 的 lazy loading 與 GraphQL fragments 優化資源載入